{% extends 'base.html' %}
{% block main %}
    <div class="container">
        <h1>添加{{ projectinfo.project }}的{{ projectinfo.env }}发布任务</h1>
<form class="form-horizontal"  method="post" action="/addtask/{{  projectinfo.id}}">
    <div class="panel panel-default">
  <div class="panel-heading">
      <span class="glyphicon glyphicon-info-sign"></span>
      项目基本信息
  </div>
     <div class="panel-body">
         <table class="table table-bordered">
             <tbody>
             <tr>
                 <td>项目名称:</td>
                 <td>{{ projectinfo.project }}</td>
             </tr>
             <tr>
                 <td>环境:</td>
                 <td>{{ projectinfo.env }}</td>
             </tr>
             <tr>
                 <td>仓库地扯</td>
                 <td>{{ projectinfo.repo }}</td>
             </tr>
             <tr>
                 <td>线上路径</td>
                 <td>{{ projectinfo.path }}</td>
             </tr>
                          <tr>
                 <td>关联的服务器</td>
                 <td>{{ projectinfo.servers }}</td>
             </tr>
             </tbody>
         </table>
     </div>
                <div class="panel-heading">
      <span class="glyphicon glyphicon-cog"></span>
      发布配置信息
  </div>

  <div class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">版本</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="tag" placeholder="版本">
    </div>
  </div>

      <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">版本描述</label>
    <div class="col-sm-10">
<textarea class="form-control" rows="3" name="versioninfo"></textarea>
    </div>
  </div>

         <div class="panel-heading">
      <span class="glyphicon glyphicon-cog"></span>
      发布流程 &钩子
  </div>
    <div class="form-group">
    <div class="col-sm-10">
   <div class='series'>
       <div class="outline">
           <div class="series">
               <div class="line">
                   <hr>
               </div>
               <div class="icon">
                   <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
               <a class="down">01开始</a>
                             <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
               <a class="up">02下载前</a>
                             <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
               <a class="up">03下载代码</a>
                             <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
               <a class="up">04下载后</a>
                    <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
               <a class="up">05本地打包</a>
                  <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
               <a class="up">06上传代码</a>

                       <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
               <a class="up">07发布前</a>

                   <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
               <a class="up">08发布 </a>

                   <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
               <a class="up">09发布后</a>
                 <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
               <a class="up">完成</a>
               </div>
           </div>
       <div class="item left active">
           <div class="line">
         <div class="hooks">
            <div class="col-md-6">
            <div class="panel panel-default">
                 <div class="panel-heading">01下载前</div>
                 <div class="panel-body">
                     <div class="panel-heading">
   <select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
           </div>
<textarea class="form-control" rows="3" name="before_download_sc"></textarea>

                 </div>

 <div class="input-group">
      <span class="input-group-addon">
        <input type="checkbox" aria-label="...">
      </span>
      <input type="text" class="form-control" aria-label="..." placeholder="另存为模板">
    </div>
             </div>
                          </div>

</div>
            <div class="col-md-6">
            <div class="panel panel-default">
                 <div class="panel-heading">02下载后</div>
                 <div class="panel-body">
        <div class="panel-heading">
   <select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
           </div>
<textarea class="form-control" rows="3" name="after_download_sc"></textarea>
                 </div>
                 <div class="input-group">
      <span class="input-group-addon">
        <input type="checkbox" aria-label="...">
      </span>
      <input type="text" class="form-control" aria-label="..." placeholder="另存为模板">
    </div>
             </div>
           </div>

               <div class="col-md-6">
                          <div class="panel panel-default">
                 <div class="panel-heading">03发布前</div>
                                                   <div class="panel-heading">
   <select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
           </div>
                 <div class="panel-body">
         <textarea class="form-control" rows="3" name="before_deploy_sc"></textarea>
                 </div>
                               <div class="input-group">
      <span class="input-group-addon">
        <input type="checkbox" aria-label="...">
      </span>
      <input type="text" class="form-control" aria-label="..." placeholder="另存为模板">
    </div>
             </div>
              </div>

                          <div class="col-md-6">

                          <div class="panel panel-default">
                 <div class="panel-heading">发布后</div>
                <div class="panel-heading">
   <select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
           </div>
                 <div class="panel-body">
     <textarea class="form-control" rows="3" name="after_deploy_sc"></textarea>
                 </div>
                                                             <div class="input-group">
      <span class="input-group-addon">
        <input type="checkbox" aria-label="...">
      </span>
      <input type="text" class="form-control" aria-label="..." placeholder="另存为模板">
    </div>
             </div>
                          </div>

         </div>
       </div>
       </div>


       </div>
   </div>
    </div>
  </div>

</div>





  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-success">添加</button>
    </div>
  </div>
</form>
    </div>
{% endblock %}